/* pages/user/user.wxss */
.user {
  .user_info_wrap {
    position: relative;
    height: 40vh;
    background: var(--themeColor);
    .user_img {
      position: relative;
      .user_bg {
        width: 100%;
        height: 45vh;
        filter: blur(10rpx);
      }
      .avatar {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 60rpx;
        image {
          width: 150rpx;
          height: 150rpx;
          border-radius: 50%;
        }
        .user_name {
          color: #fff;
          margin-top: 40rpx;
          text-align: center;
          font-size: 32rpx;
        }
      }
    }
    // 用户不存在按钮
    navigator {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 80rpx;
      border: 2rpx solid #fff;
      border-radius: 10rpx;
      padding: 10rpx 20rpx;
      color: #fff;
    }
  }
  .user_content {  
    height: 80vh;
    width: 100%;
    background: #edece8;
    position: relative;
    // 主要内容
    .user_content_main {
      position: absolute;
      left: 50%;
      top: -50rpx;
      transform: translateX(-50%);
      width: 90%;
      border-radius: 20rpx;
      overflow: hidden;
      // 历史足迹
      .history_row {
        background: #fff;
        display: flex; 
        justify-content: space-around;
        text-align: center;
        padding: 10rpx 0;
        .num {
          color: var(--themeColor);
        }
        .name {
          color: #666;
          margin-top: 10rpx;
        }
      }
      // 订单
      .order {
        background: #fff;
        margin-top: 20rpx;
        .order_title {
          // font-size: 34rpx;
          padding: 20rpx;
          border-bottom: 2rpx solid #ccc;
        }
        .order_content {
          display: flex;
          justify-content: space-around;
          text-align: center;
          padding: 10rpx 0;
        }
        .iconfont {
          color: var(--themeColor);
          font-size: 40rpx;
        }
        .text {
          margin-top: 10rpx;
          color: #666;
        }
      }
      // 收货地址
      .address {
        display: flex;
        padding: 20rpx;
        justify-content: space-between;
        background: #fff;
        margin-top: 20rpx;
        color: #666;
      }
      // 应用相关信息
      .app_info {
        margin-top: 20rpx;
        background: #fff;
        .service, .feedback, .aboutme {
          display: flex;
          justify-content: space-between;
          padding: 20rpx;
          color: #666;
          border-bottom: 2rpx solid #ccc;
        }
        .feedback {
          position: relative;
          .feedback_btn {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
          }
        }
      }
      // 推荐应用
      .recommend {
        display: flex;
        padding: 20rpx;
        justify-content: space-between;
        background: #fff;
        margin-top: 20rpx;
        color: #666;
      }
    }
  }
}